<form method="post" enctype="multipart/form-data">
<table id="encabezado">
    <tr>
        <th><strong>Operacion:</strong></th>
        <td>
        {if count($operaciones) == 1}
            {$checked = "checked = 'true'"}
        {else}
            {$checked = ""}
        {/if}
        {foreach item=operacion from=$operaciones}
            <label><input id="operacion" name="operacion" {$checked} type="radio" required="required" value="{$operacion.operacion}"/>{$operacion.operacion}</label>
        {/foreach}
        </td>
    </tr>
    <tr>
        <th><strong>Serie:</strong></th>
        <td>
            <input id="serie" name="serie"/>
        </td>
    </tr>
    <tr>
        <th><strong>Tipo inspeccion:</strong></th>
        <td>
        {foreach item=inspeccion from=$inspecciones}
            <label><input id="{$inspeccion.nombre}" name="inspeccion" type="radio" required="required" value="{$inspeccion.id}"/>{$inspeccion.nombre}</label>
        {/foreach}
        </td>
    </tr>
    <tr>
        <th><strong>AQL:</strong></th>
        <td>
        {foreach item=muestra from=$muestras}
            <label><input id="muestreo" name="muestreo" type="radio" required="required" value="{$muestra.id}"/>{$muestra.AQL}</label>
        {/foreach}
        </td>
    </tr>
    <tr>
        <th><strong>Cantidad:</strong></th>
        <td><input required="required" id="cantidad" disabled="true" type="number" min="2" name="cantidad" value="2"/></td>
    </tr>
    <tr>
        <th><strong>observaciones:</strong></th>
        <td><textarea name="observaciones" ></textarea></td>
    </tr>
    <tr>
        <th colspan="2"><input id="submit" type="button" value="Agregar"/></th>
    </tr>
    </table>
    <div id="capturas" style="overflow:auto;">
    </div>
</form>

<script>
    $(document).ready(
        function(){
            $('input:radio[name=inspeccion]').click(function(event){
                valor = $('input:radio[name=inspeccion]:checked').val();
                switch(valor){
                    case '3':
                        $('input:radio[name=muestreo]').removeAttr('disabled');
                        $('#cantidad').removeAttr('disabled');
                        break;
                    case '1':
                        $('input:radio[name=muestreo]').attr('disabled','true');
                        $('#cantidad').attr('disabled','true');
                        break;
                    case '2':
                        $('input:radio[name=muestreo]').attr('disabled','true');
                        $('#cantidad').attr('disabled','true');
                        break;
                }
            });
            
            $('#submit').click(function(event){
                $('#capturas').load(
                    '{$url}',
                    {
                        datos:{
                            inspeccion:$('input:radio[name=inspeccion]:checked').val(),
                            operacion:$('input:radio[name=operacion]:checked').val(),
                            AQL:$('input:radio[name=muestreo]:checked').val(),
                            idfolio:{$orden},
                            serie:$('input:text[name=serie]').val(),
                            file:$('input:radio[name=file]:checked').val(),
                            observaciones:$('textarea').val(),
                            cantidad:!$('#cantidad').attr('disabled') ? $('#cantidad').val() : "1"
                        },
                        muestreo:$('input:radio[name=muestreo]:checked').val()
                    },
                    function( response, status, xhr ) {
                        if ( status == "error" ) {
                            var msg = "Sorry but there was an error: ";
                            $( "#capturas" ).html("<h2>"+ msg + xhr.status + " " + xhr.statusText +"</h2>");
                        }
                    }
                );
                //$("#encabezado input").attr('disabled','true');
            });
            
            /*if($('#folio').length()){
                $("#encabezado input").attr('disabled','true');
            }*/
        }
    );
    
</script>